<!--左侧导航列表布局-->
   
<!--var rate = 70-8*i;
            $('.left').load("leftnav.html");
            /*$('.left').append('<div class="drag_l" id="'+i+'" style="position: fixed;bottom: '+rate+'%;z-index: 1000;">' + t + '</div>')*/-->

<nav class="nav navbar-nav nav-collapse" role="navigation" id="Hui-navbar" style="bottom: 45%;">
    <!--订单信息开始 id:left_order_info-->
    <!--鼠标移动版-->
    <!--<ul class="cl" >
        <li class="dropDown dropDown_hover">
            <a href="javascript:;" class="dropDown_A" style="z-index: 10;" id="left_order_info_text">订单信息 <i class="Hui-iconfont">&#xe6d5;</i></a>
            <ul class="dropDown-menu menu radius box-shadow" id="left_order_info_content" style="height:200px;overflow-y:scroll;">
                <li>
                    <a href="javascript:void(0)" id="1" myhref="ssg.html" class="drag_ll">Bug兼容性汇总</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="2" myhref="dropzonefileupload/uploadpic.html" class="drag_ll">web安全色</a>
                </li>
            </ul>
        </li>
    </ul>-->
    <!--订单开始 id:left_order_info  鼠标点击版-->
    <ul class="cl" >
        <li class="dropDown">
            <a href="javascript:;" class="dropDown_A" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="z-index: 10;" id="left_order_info_text">订单信息 <i class="Hui-iconfont">&#xe6d5;</i></a>
            <ul class="dropDown-menu menu radius box-shadow" id="left_order_info_content" style="height:200px;overflow-y:scroll;">
                
            </ul>
        </li>
    </ul>
    
    <!--原料仓开始 id:left_source_factory_text-->
    <ul class="cl" >
        <li class="dropDown" >
            <a href="javascript:;" class="dropDown_A" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="z-index: 10;" id="left_source_factory_text">原料仓 <i class="Hui-iconfont">&#xe6d5;</i></a>
            <ul class="dropDown-menu menu radius box-shadow" id="left_source_factory_content" style="height:200px;overflow-y:scroll;">
                <!--<li>
                    <a href="javascript:void(0)" id="left_source_factory_content_0" myhref="table_source_factory.html" class="drag_ll">金属圈</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_source_factory_content_1" myhref="table_source_factory.html" class="drag_ll">金属圈test</a>
                </li>-->
            </ul>
        </li>
    </ul>
    
    <!--辅料仓开始 id:left_second_factory_text-->
    <ul class="cl">
        <li class="dropDown" >
            <a href="javascript:;" class="dropDown_A" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="z-index: 10;" id="left_second_factory_text">辅料仓 <i class="Hui-iconfont">&#xe6d5;</i></a>
            <ul class="dropDown-menu menu radius box-shadow" id="left_second_factory_content" style="height:200px;overflow-y:scroll;">
                
            </ul>
        </li>
     </ul>
     
     <!--物料信息备注仓开始 id:left_info_remark_factory_text-->
    <ul class="cl" >
        <li class="dropDown" >
            <a href="javascript:;" class="dropDown_A" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="z-index: 10;" id="left_info_remark_factory_text">信息备注仓 <i class="Hui-iconfont">&#xe6d5;</i></a>
            <ul class="dropDown-menu menu radius box-shadow" id="left_info_remark_factory_content" style="height:200px;overflow-y:scroll;">
                
            </ul>
        </li>
     </ul>
    
    <!--图片信息 id:left_pic_text-->
    <ul class="cl" >
        <li class="dropDown" >
            <a href="javascript:;" class="dropDown_A" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="z-index: 10;" id="left_pic_text">图形信息 <i class="Hui-iconfont">&#xe6d5;</i></a>
            <ul class="dropDown-menu menu radius box-shadow" id="left_pic_content" style="height:200px;overflow-y:scroll;">
                <li>
                    <a href="javascript:void(0)" id="left_pic_content_0" myhref="dropzonefileupload/uploadpic_quan.html?message=0" class="drag_ll">圈图</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_pic_content_1" myhref="dropzonefileupload/uploadpic_tui.html?message=0" class="drag_ll">腿图</a>
                </li>
            </ul>
        </li>
    </ul>
    <!--自定义标签 id:left_label_text-->
    <ul class="cl" >
        <li class="dropDown" >
            <a href="javascript:;" class="dropDown_A" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="z-index: 10;" id="left_label_text">自定义标签 <i class="Hui-iconfont">&#xe6d5;</i></a>
            <ul class="dropDown-menu menu radius box-shadow" id="left_label_content" style="height:200px;overflow-y:scroll;"> 
                <li><!-- 固定id 谨慎 -->
                    <a href="javascript:void(0)" id="left_label_content_0" myhref="label_table.html" class="drag_ll">表格</a>
                </li>
                <li><!-- 固定id 谨慎 -->
                    <a href="javascript:void(0)" id="left_label_content_0_two" leftname="two" myhref="label_table_two.html" class="drag_ll">表格2</a>
                </li>
                <li><!-- 固定id 谨慎 -->
                    <a href="javascript:void(0)" id="left_label_content_0_three" leftname="three" myhref="label_table_two.html" class="drag_ll">表格3</a>
                </li>
                <li><!-- 固定id 谨慎 -->
                    <a href="javascript:void(0)" id="left_label_content_0_four" leftname="four" myhref="label_table_two.html" class="drag_ll">表格4</a>
                </li>
                <li><!-- 固定id 谨慎 -->
                    <a href="javascript:void(0)" id="left_label_content_0_five" leftname="five" myhref="label_table_two.html" class="drag_ll">表格5</a>
                </li>
                <li><!-- 固定id 谨慎 -->
                    <a href="javascript:void(0)" id="left_label_content_0_six" leftname="six" myhref="label_table_two.html" class="drag_ll">表格6</a>
                </li>
                <li><!-- 固定id 谨慎 -->
                    <a href="javascript:void(0)" id="left_label_content_0_seven" leftname="seven" myhref="label_table_two.html" class="drag_ll">表格7</a>
                </li>
                <li><!-- 固定id 谨慎 -->
                    <a href="javascript:void(0)" id="left_label_content_0_eight" leftname="eight" myhref="label_table_two.html" class="drag_ll">表格8</a>
                </li>
                <li><!-- 固定id 谨慎 -->
                    <a href="javascript:void(0)" id="left_label_content_0_nine" leftname="nine" myhref="label_table_two.html" class="drag_ll">表格9</a>
                </li>
                <li><!-- 固定id 谨慎 -->
                    <a href="javascript:void(0)" id="left_label_content_0_ten" leftname="ten" myhref="label_table_two.html" class="drag_ll">表格10</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_label_content_1" myhref="label_label.html" class="drag_ll">标签1</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_label_content_2" myhref="label_label.html" class="drag_ll">标签2</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_label_content_3" myhref="label_label.html" class="drag_ll">标签3</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_label_content_4" myhref="label_label.html" class="drag_ll">标签4</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_label_content_5" myhref="label_label.html" class="drag_ll">标签5</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_label_content_6" myhref="label_label.html" class="drag_ll">标签6</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_label_content_7" myhref="label_label.html" class="drag_ll">标签7</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_label_content_8" myhref="label_label.html" class="drag_ll">标签8</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_label_content_9" myhref="label_label.html" class="drag_ll">标签9</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_label_content_10" myhref="label_label.html" class="drag_ll">标签10</a>
                </li>
            </ul>
        </li>
    </ul>
    <!--新样式5 6 7 8 9-->
    <ul class="cl" >
        <li class="dropDown" >
            <a href="javascript:;" class="dropDown_A" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="z-index: 10;" id="left_big_pic_text">分类仓 <i class="Hui-iconfont">&#xe6d5;</i></a>
            <ul class="dropDown-menu menu radius box-shadow" id="left_big_type_content" style="height:200px;overflow-y:scroll;">
                <li>
                    <a href="javascript:void(0)" id="left_big_type_content_0" myhref="big_type_content.html" class="drag_ll">半成品1</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_big_type_content_2" myhref="big_type_content_two.html" class="drag_ll">半成品2</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_big_type_content_3" myhref="big_type_content_three.html" class="drag_ll">半成品3</a>
                </li>
                <li>
                    <a href="javascript:void(0)" id="left_big_type_content_4" myhref="big_type_content_four.html" class="drag_ll">半成品4</a>
                </li>
            </ul>
        </li>
    </ul>
    <!--备注信息 id:left_remark_text-->
    <!--<ul class="cl" >
        <li class="dropDown" >
            <a href="javascript:;" class="dropDown_A" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="z-index: 10;" id="left_remark_text">客户要求 <i class="Hui-iconfont">&#xe6d5;</i></a>
            <ul class="dropDown-menu menu radius box-shadow" id="left_remark_content" style="height:200px;overflow-y:scroll;">
                <li>
                    <a href="javascript:void(0)" id="left_remark_content_0" myhref="table_cust_remark.html" class="drag_ll">客户要求</a>
                </li>
            </ul>
        </li>
    </ul>-->
    <!--弹窗自动填充搜索功能 id:left_autocomplete_test_text-->
    <!--<ul class="cl" >
        <li class="dropDown" >
            <a href="javascript:;" class="dropDown_A" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="z-index: 10;" id="left_autocomplete_test_text">弹窗自动填充test <i class="Hui-iconfont">&#xe6d5;</i></a>
            <ul class="dropDown-menu menu radius box-shadow" id="left_autocomplete_test_content" style="height:200px;overflow-y:scroll;">
                <li>
                    <a href="javascript:void(0)" id="left_autocomplete_test_content_0" 
                    myhref="./autocomplete/index.html" class="drag_autocomplete_ll">test</a>
                </li>
            </ul>
        </li>
    </ul>-->
</nav>
<div class='wlxzys' style="">
   <!-- <div> 请选择物料展示样式</div> -->
   <div class='wlxzys_chcek' style="" onclick="check_radio_style(this)">
        <lable>物料大组件选择</lable><br/>
        <input type="radio" name="radio_style_col_table"  value="41" checked><lable>组件一</lable>
        <input type="radio" name="radio_style_col_table"  value="42" ><lable>组件二</lable>
        </br>
        <input type="checkbox" name="checkbox_materialTypeSort"><lable>物料顺序自定义</lable>
    </div>
    ------------------
    <div class='wlxzys_chcek' style="" onclick="check_radio_style(this)">
        <input type="radio" name="radio_style"  value="0" checked><lable>样式一</lable>
        <table border="1" cellspacing="0" style="text-align: center" >
            <tr>
                <td>物料类型</td>
                <td>100*100</td>
            </tr>
        </table>
    </div>
    <div class='wlxzys_chcek' style="" onclick="check_radio_style(this)">
        <input type="radio" name="radio_style" value="2"><lable>样式二</lable>
        <table border="1" cellspacing="0" style="text-align: center" hidden>
            <tr>
                <td colspan="2">物料类型</td>
            </tr>
            <tr>
                <td>色号</td>
                <td>颜色描述</td>
            </tr>
            <tr>
                <td>红色</td>
                <td>CLK</td>
            </tr>
        </table>
    </div>
    <div class='wlxzys_chcek' style="" onclick="check_radio_style(this)">
        <input type="radio" name="radio_style" value="3"><lable>样式三</lable>
        <table border="1" cellspacing="0" style="text-align: center" hidden>
            <tr>
                <td colspan="3">物料类型</td>
            </tr>
            <tr>
                <td>色号</td>
                <td>颜色描述</td>
                <td>规格</td>
            </tr>
            <tr>
                <td>红色</td>
                <td>CLK</td>
                <td>100*100</td>
            </tr>
        </table>
    </div>
    <div class='wlxzys_chcek' style="" onclick="check_radio_style(this)">
        <input type="radio" name="radio_style" value="100"><lable>样式四-单列</lable>
        <table border="1" cellspacing="0" style="text-align: center" hidden>
            <tr>
                <td colspan="">物料类型</td>
            </tr>
            <tr>
                <td>色号</td>
            </tr>
        </table>
    </div>
    <div class='wlxzys_chcek' style="" onclick="check_radio_style(this)">
        <input type="radio" name="radio_style" value="500"><lable>样式五-投料数</lable>
        <table border="1" cellspacing="0" style="text-align: center" hidden>
             <tr>
                <td>物料类型</td>
                <td>100*100</td>
                <td>投料数</td>
            </tr>
        </table>
    </div>
    <div class='wlxzys_chcek' style="" onclick="check_radio_style(this)">
        <input type="radio" name="radio_style" value="600"><lable>样式六-工艺</lable>
        <table border="1" cellspacing="0" style="text-align: center" hidden>
             <tr>
                <td>物料类型</td>
                <td>10*10</td>
                <td>工艺</td>
                <td>投料数</td>
            </tr>
        </table>
    </div>
    <div class='wlxzys_chcek' style="" onclick="check_radio_style(this)">
        <input type="radio" name="radio_style" value="700"><lable>样式七-材质</lable>
        <table border="1" cellspacing="0" style="text-align: center" hidden>
             <tr>
                <td>物料类型</td>
                <td>10*10</td>
                <td>材质</td>
                <td>投料数</td>
            </tr>
        </table>
    </div>
    <div class='wlxzys_chcek' style="" onclick="check_radio_style(this)">
        <input type="radio" name="radio_style" value="800"><lable>样式八-材质+说明</lable>
        <table border="1" cellspacing="0" style="text-align: center" hidden>
             <tr>
                <td>物料类型</td>
                <td>1*1</td>
                <td>材质</td>
                <td>说明</td>
                 <td>投料数</td>
            </tr>
        </table>
    </div>
    <div class='wlxzys_chcek' style="" onclick="check_radio_style(this)">
        <input type="radio" name="radio_style" value="900"><lable>样式九-供应商+说明</lable>
        <table border="1" cellspacing="0" style="text-align: center" hidden>
             <tr>
                <td>物料类型</td>
                <td>1*1</td>
                <td>供应商</td>
                <td>材质</td>
                <td>说明</td>
                <td>投料数</td>
            </tr>
        </table>
    </div>
</div>

<!--业务逻辑-->
<script>
//相关业务逻辑
$(function(){
    leftnavEvent.init();
    $(".close").unbind("click");
    $(".close").bind("click",function () {
        //左列表选项显示或启用  9 == draggable 
        $('.left').find($('#left' + $(this).parent().attr('id').substr(9)).parent()).show();
        $(this).parent().remove();

        //非必要时不采用
        //$('.right').find("#"+$(this).parent().attr("id")).remove();

        //防止其他js破坏 尽可能在right内部使用。尽可能少使用在body中
        $("#content").nextAll().remove();
    })
});
function check_radio_style(self){
    $(self).find("[name='radio_style']").attr("checked","checked");
    $('[name="radio_style"]').parent().find("table").hide();
    $(self).find("table").show();
    return false;
}
</script>
